@extends('web.master')
@section('title','提成纪录')
    @section('head')
        <link rel="stylesheet" href="{{asset('statics/css/index.css')}}" />
        <style>
            .mint-loadmore-bottom{
                text-align: center;
            }
            .page-infinite-loading{
                display:-webkit-box;
                -webkit-box-pack:center;
                -webkit-box-align:center;

            }
        </style>
        @endsection
@section('body-attr','bgBlue')

@section('content')
    <div class="card">
        <div class="cardBox">
            <div class="name">
                <img src="{{asset('statics/images/headicon.png')}}" />{{$user->nickname}}
            </div>
            <div class="tcPrice">{{$user->wallet_all_push_money}}</div>
            <div class="tcTip">累计收益（元）</div>
            <div class="tip">
                <div class="left tipcont">
                    <p class="orange">{{$user->wallet_push_money}}</p>
                    <p>剩余收益（元）</p>
                </div>
                <div class="right  tipcont">
                    <p class="orange">{{$user->wallet_used_push_money}}</p>
                    <p>已提现收益（元）</p>
                </div>
            </div>
        </div>
    </div>
    <!--提成记录-->
    <div class="commission" id="app">
        <h1>提成记录</h1>
        <ul v-infinite-scroll="loadMore"
            infinite-scroll-disabled="loading"
            infinite-scroll-distance="10">
            <li v-for="item in list">
                <div class="col33 time">
                    <span v-text="item.member.nickname"></span>
                    <b>@{{item.created_at}}</b>
                </div>
                <div class="col33">@{{ item.desc }}</div>

                <div class="col33 price" v-if="item.type==9">-@{{ item.price }}元</div>
                <div class="col33 price" v-if="item.type!=9">+@{{ item.price }}元</div>

            </li>
        </ul>
        <div v-show="loading" class="page-infinite-loading">
            <mt-spinner type="fading-circle"></mt-spinner>
            加载中...
        </div>
    </div>
    @endsection
@section('foot')
    @include('web.components.infinite',['url'=>route('ajax_record')])
@endsection